<template>
  <el-container class="dao-container">
    <el-header class="dao-header">
      <div class="model-name">
        <h2>{{ modelStore.modelInfo.modelName }}</h2>
      </div>
      <div class="model-intro">简介：{{ modelStore.modelInfo.intro }}</div>
    </el-header>
    <!-- 再根据servedModelName判断调用哪个组件 -->

    <add v-if="modelStore.modelInfo.servedModelName === 'ADD'"></add>

  </el-container>

</template>

<script setup>

import add from "@/components/dao/add"


import { useModelStore } from "@/stores/model"

// 从store中获取模型信息
const modelStore = useModelStore()

const props = defineProps({
  sid: {
    type: Number,
    default: 0
  },
})



</script>

<style lang="scss" scoped>
.dao-container {
  height: 100%;

  .dao-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
</style>